@font-face {
    font-family: 'cai';
    src: url('../fonts/cai.eot');
    src: url('../fonts/cai.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cai.woff2') format('woff2'),
         url('../fonts/cai.woff') format('woff'),
         url('../fonts/cai.ttf') format('truetype'),
         url('../fonts/cai.svg#029-cai978regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ultramagnetic';
    src: url('../fonts/ultramagnetic.eot');
    src: url('../fonts/ultramagnetic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ultramagnetic.woff2') format('woff2'),
         url('../fonts/ultramagnetic.woff') format('woff'),
         url('../fonts/ultramagnetic.ttf') format('truetype'),
         url('../fonts/ultramagnetic.svg#029-cai978regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'hiyal';
    src: url('../fonts/hylkufi9.eot');
    src: url('../fonts/hylkufi9.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hylkufi9.woff2') format('woff2'),
         url('../fonts/hylkufi9.woff') format('woff'),
         url('../fonts/hylkufi9.ttf') format('truetype'),
         url('../fonts/hylkufi9.svg#hiyal_kufi9regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*========================================== 全局样式  ================================================*/
*{margin: 0;padding: 0;  outline: none;  box-sizing:border-box;font-family: '微软雅黑';
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{font-size: 12px;}
dt + dd {margin-top: 0;}
input,textarea,select, button{color: #666;vertical-align: middle;outline:none;resize: none;}

.fl{float: left;}
.fr{float: right;}
ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;}
ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul{margin: 0;}
table{background-color: #eee;}
td, th{background-color: #fff;padding: 10px;}
a,a:hover{text-decoration: none;}
a{color: #333;}
a:hover{color: #019fdc;}
img{vertical-align:middle;border:none;max-width: 100%}
p{margin:0;padding: 0;}
.container{width: 1200px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;font-weight: normal;}
[class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk35{height: 35px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk55{height: 55px;}.bk60{height: 60px;}.bk70{height: 70px;}.bk75{height: 75px;}.bk80{height: 80px;}
a,button,input{ outline: none;}
/*========================================== 全局样式 END  ================================================*/

.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.center{justify-content : center;}
.between{justify-content : space-between;}
.items{align-items : center;}
.row-reverse{flex-direction:row-reverse;}
.fwrap{flex-wrap: wrap;}
.fcolumn{flex-direction:column;}
/*========================================== 表单提交提示弹窗  ================================================*/
.tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;}
#tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;}
#tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;}
#tips div .btn{display: block;position: absolute;bottom: 20px;right: 20px;width: 60px;height: 30px;background-color: #019fdc;color: #fff;line-height: 30px;text-align: center;cursor: pointer;}
#tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;}


#kefu{position: fixed;width: 80px;height: 320px;z-index: 99;right: 20px;top: 0;bottom: 0;margin:auto;border: solid 1px #ddd;background-color: #fff;}
#kefu li{width: 80px;height: 80px;border-bottom: solid 1px #ddd;text-align: center;font-size: 14px;color: #666;}
#kefu li:last-child{border-bottom: none;}
#kefu li img{}
#kefu li p{padding-top: 5px;}
#kefu li a{color: #666;display: block;position: relative;padding-top: 10px;height: 100%;}
#kefu li .sub{position: absolute;height: 100%;right: 80px;top: 0;background-color: #fff;border:solid 1px #ddd;display: none;}
#kefu li .tel{line-height: 30px;padding: 10px 20px;font-weight: bold;color: #019fdc}
#kefu li .wx{overflow: hidden;height: 130px;}
#kefu li .wx img{max-width: 130px;width: 130px;}
 /*========================================== 表单提交提示弹窗 END  ================================================*/



.clearfix::after{display: block;clear: both;content: '';}




.row{margin: 0 -15px;}
.row::after{display: block;clear: both;content: '';}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float: left;padding: 0 15px;}

.col-lg-12{width: 100%;}
.col-lg-11{width: 91.66666666666667%;}
.col-lg-10{width: 83.33333333333333%}
.col-lg-9{width: 75%;}
.col-lg-8{width: 66.66666666666667%; }
.col-lg-7{width: 58.33333333333333%}
.col-lg-6{width: 50%}
.col-lg-5{width: 41.66666666666667%}
.col-lg-4{width: 33.33333333333333%}
.col-lg-3{width: 25%}
.col-lg-2{width: 16.66666666666667%}
.col-lg-1{width: 8.333333333333333%}

/*========================================== 公共样式  ================================================*/
#top{height: 44px;background-color: #f2f2f2;line-height: 44px;color: #777;overflow: hidden;font-size: 14px;}
#top a{color: #777;position: relative;padding-right: 35px;}
#top a::after{content: '';display: block;position: absolute;width: 1px;background-color: #d4d4d4;height: 12px;top: 0;bottom: 0;margin:auto;right: 17px;}
#top a:hover{color: #019fdc;}
#top a:last-child{padding-right: 0;}
#top a:last-child::after{display: none;}



#header{height: 136px;line-height: 136px;}
#header .container{height: 136px;line-height: 136px;}
.logo{height: 57px;vertical-align: middle;display: inline-block;line-height: 100%;}
.logo .img{float: left;position: relative;}
.logo .img img{margin-top: 5px;}
.logo .logo-text::after{position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background-color: #f0f0f0;display: block;content: '';}
.logo .logo-text{display: inline-block;vertical-align: bottom;margin-left: 24px;padding-left: 24px;position: relative;}
.logo .logo-text{line-height: 100%;font-weight: bold;}
.logo .logo-text img{margin-bottom: 12px;}
.logo .h4{color: #003a7e;font-size: 13px;line-height: 100%;}

#header .tel{float: right;background: url(../images/tel-icon.gif) no-repeat 110px center;height: 69px;line-height: 69px;margin-top: 30px;}
#header .tel .tips{line-height: 23px;text-align: right;font-size: 14px;margin-right: 70px;display: inline-block;vertical-align: middle;}
#header .tel .shuzi{line-height: 26px;text-align: right;font-size: 24px;color: #ff7200;font-weight: bold;display: inline-block;vertical-align: middle;}

#navgation{background-color: #019fdc;color: #fff;overflow: hidden;}
#navgation li{float: left;width: 11.11%;text-align: center;height: 56px;line-height: 56px;font-size: 15px;padding-right: 1px;}
#navgation li:last-child{background: none}
#navgation li a{color: #fff;display: block;position: relative;}

#navgation li.active a{background-color: #ff7e00;}
#navgation li a:hover{background-color: #ff7e00;}

/* banner样式 */

#banner{overflow: hidden;position: relative;height: 637px;}
#banner .box{position: relative;}
#banner .swiper-slide{height: 637px; overflow: hidden;
width: 100%;}

#banner img{width: 100%;}
#banner .swiper-pagination{bottom: 30px;width: 100%;text-align: center;}
#banner .swiper-pagination-bullet{background-color: #019fdc;width: 22px;height: 22px;line-height: 22px;margin-right: 5px;border-radius: 0;opacity: 1;color: #fff;}
#banner .swiper-pagination-bullet-active{background-color: #fe5a41;opacity: 1;}
#banner .swiper-pagination-bullet:last-child{margin-right: 0;}

#banner .prevs,#banner .nexts{position: absolute;width: 54px;height: 54px;display: inline-block;background: url(../images/ba-btn.png) no-repeat;top: 0;bottom: 0;margin:auto;z-index: 99;transition: all .8s;}
#banner .prevs{left: -5%;}
#banner .nexts{background-position: -76px 0;right: -5%;}
#banner:hover .prevs{left: 2%;}
#banner:hover .nexts{right: 2%;}


#search{height: 91px;line-height: 91px;font-size: 14px;border-bottom: solid 1px #dfdfdf;}
#search .container{overflow: hidden;position: relative;}
#search .container b{color: #019fdc;font-size: 14px;margin-right: 10px;}
#search .container a{position: relative;margin-right: 14px;padding-right: 14px;}
#search .container a::after{position: absolute;right: 0;height: 10px;width: 1px;background-color: #d9d9d9;content: '';display: block;top: 0;bottom: 0;margin:auto;}
#search .container a:last-child::after{display: none;}
#search .container .searchForm{}
#search .container .searchForm input[type="text"]{border:solid 1px #d5d5d5;width: 320px;height: 35px;border-right: none;padding: 10px;}
#search .container .searchForm input[type="submit"]{height: 35px;background-color: #ff7200;color: #fff;cursor: pointer;border:none;width: 85px;}

#cate{}
#cate .container{padding: 15px;border:solid 1px #d9d9d9;border-top: none;overflow: hidden;}
#cate .container dl{margin-bottom: 5px;position: relative;padding-left: 144px;}
#cate .container dl:last-child{margin-bottom: 0;}
#cate .container dl dt{width: 124px;height: 45px;line-height: 45px;background-color: #019fdc;color: #fff;text-align: center;position: absolute;left: 0;top: 0;z-index: 15;}
#cate .container dl dt::after{content: '';display: block;width: 12px;height: 12px;background-color: #019fdc;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;right: -6px;top: 0;bottom: 0;margin:auto;}
#cate .container dl dt a{color: #fff;font-size: 14px;display: block;}
#cate .container dl dd{position: relative;height: 45px;line-height: 45px;}
#cate .container dl::after{content: '';display: block;position: absolute;height: 1px;background-color: #ececec;bottom: -2px;left: 130px;right: -15px;}
#cate .container dl:last-child::after{display: none;}
#cate .container dl dd .box{background-color: #fff;position: relative;padding: 0 90px 0 0;}
#cate .container dl dd .box a{}
#cate .container dl dd .box a::after{content: '/';margin: 0 10px;color: #e1e1e1;}
#cate .container dl dd .box a:last-child::after{display: none;}
#cate .container dl dd .more{background: url(../images/cateicon.gif);display: block;width: 17px;height: 17px;position: absolute;right: 20px;top: 0;bottom: 0;margin:auto;z-index: 20;}


#product{margin-bottom: 40px;}
#product .title{height: 98px;line-height: 98px;position: relative;position: relative;}
#product .title .h3{font-size: 24px;font-weight: bold;color: #019fdc;float: left;margin-right: 30px;}
#product .title .catbar{float: left;}
#product .title .catbar a{position: relative;}
#product .title .catbar a::after{content: '';display: inline-block;width: 1px;background-color: #cfcfcf;height: 14px;margin: 0 15px;vertical-align: middle;}
#product .title .catbar a:last-child::after{display: none;}

#product .list{}
#product .list ul{margin: 0 -13px;font-size: 0}
#product .list li{width: 25%;margin-bottom: 10px;padding: 0 13px;display: inline-block;vertical-align: top;}
#product .list li img{border:solid 1px #cdcdcd;}
#product .list li p{text-align: center;padding: 20px 0;font-size: 13px;}

#adv{}
#adv .title{background: url(../images/advtbg.jpg) no-repeat center;height: 245px;padding-top: 30px;margin-bottom: 45px;}
#adv .title .box{background: url(../images/advtbox.png) no-repeat center 30px;}
#adv .title .box .h1{font-size: 48px;font-weight: bold;color: #fff;text-align: center;line-height: 100%;margin-bottom: 16px;}
#adv .title .box .h1 span{color: #fff000;}
#adv .title .box .h3{font-size: 30px;text-transform: uppercase;text-align: center;line-height: 100%;margin-bottom: 16px;color: rgba(255,255,255,.6);letter-spacing:5px;}
#adv .title .box .more{width: 96px;height: 33px;line-height: 30px;display: block;margin: 0 auto;text-align: center;color: #fff;}

#adv .list{}
#adv .list .li{margin-bottom: 60px;position: relative;height: 383px;}
#adv .list .img{float: left;width: 600px;position: relative;}
#adv .list .text{float: right;width: 600px;padding: 35px 0 35px 50px;}
#adv .list .text .h1{font-size: 26px;font-weight: bold;line-height: 100%;color: #333;margin-bottom: 40px;position: relative;padding-left: 90px;}
#adv .list .text .h1 span{color: #ff7200;margin-bottom: 10px;display: block;}
#adv .list .text .h1 .num{background: url(../images/advnumbox.gif) no-repeat ;width: 73px;height: 73px;text-indent: 10px;line-height: 73px;color: #fff;font-family: 'ultramagnetic';font-size: 48px;position: absolute;left: 0;top: 0;}
#adv .list .text .introl{font-size: 14px;color: #666;}
#adv .list .text .introl p{margin-bottom: 40px;line-height: 28px;padding-left: 20px;position: relative;}
#adv .list .text .introl p::before{content: '';display: block;width: 10px;height: 10px;background-color: #019fdc;position: absolute;top:10px;left: 0;}

#adv .list .li:nth-child(2) .text{padding-top: 50px;}
#adv .list .li:nth-child(2)::after{content: '';display: block;width: 100%;height: 366px;background-color: #f9f9f9;bottom: 0;position: absolute;z-index: -1;}
#adv .list .li:nth-child(2) .img::after{content: '';display: block;width: 600px;height: 350px;border:solid 3px #fff;position: absolute;top: 0;bottom: 0;margin: auto;right: 20px;}

#adv .list .li:nth-child(1) .img::after{content: '';background: url(../images/advline.gif) no-repeat;width: 48px;height: 619px;display: block;position: absolute;left: 0;right: 0;margin:auto;z-index: -1;}

#adv .list .li:nth-child(2n) .img{float: right;}

#adv .list .li:nth-child(2n) .text{float: left;padding-left: 0;padding-right: 50px;}

#adv .list .li:nth-child(3) .img::after{content: '';display: block;width: 540px;height: 380px;border:solid 3px #f3f3f3;position: absolute;top: 30px;margin: auto;right: 90px;z-index: -1;}

#adv .list .li:nth-child(4) .img::before{content: '';display: block;width: 577px;height: 415px;border:solid 3px #08a2dd;position: absolute;top: -20px;margin: auto;right: 40px;z-index: -1;}


#adv .list .li:nth-child(4)::after{content: '';display: block;width: 100%;height: 383px;background-color: #f9f9f9;top: 40px;position: absolute;z-index: -2;}
#adv .list .li:nth-child(4) .text{padding-top: 90px;}
#adv .list .li:nth-child(4) .text .h1{font-size: 22px;}
#adv .list .li:nth-child(4) .text .h1 span{font-size: 26px;margin-bottom: 15px;}




#Customer{padding: 35px 0 51px;overflow: hidden;}
#Customer .title{text-align: center;margin-bottom: 50px;}
#Customer .title .en{text-transform: uppercase;font-size: 30px;color: #d7d7d7;}
#Customer .title .h2{color: #019fdc;font-weight: bold;font-size: 30px;}

#Customer .list{}
#Customer .list ul{margin: 0 -12px;}
#Customer .list li{width: 20%;padding: 0 12px;float: left;margin-bottom: 24px;}
#Customer .list li img{border:solid 1px #e4e4e4;}


#case{padding: 70px 0;overflow: hidden;background-color: #f9f9f9;}
#case .title{text-align: center;}
#case .title .en{text-transform: uppercase;font-size: 30px;color: #d7d7d7;}
#case .title .h2{color: #019fdc;font-weight: bold;font-size: 30px;}
#case .title .h2::after{content: '';display: block;width: 55px;height: 1px;background-color: #e0e0e0;margin: 20px auto 30px}

#case .casebar{text-align: center;font-size: 14px;margin-bottom: 50px;}
#case .casebar a::after{content: '';display: inline-block;width: 1px;margin: 0 15px;vertical-align: middle;background-color: #cbcbcb;height: 14px;}
#case .casebar a:last-child::after{display: none;}

#case .list{margin: 0 -10px;}
#case .list dl{width: 50%;float: left;padding: 0 10px;margin-bottom: 20px;}
#case .list dl a{background-color: #fff;display: block;padding: 30px;overflow: hidden;box-shadow: 0 0 15px rgba(160,160,160,.2)}
#case .list dl a dt{float: left;}
#case .list dl a dd{width: 285px;float: right;color: #666;line-height: 24px;}
#case .list dl a dd .h1{font-size: 15px;color: #019fdc;font-weight: bold;line-height: 100%;margin-bottom: 20px;}
#case .list dl a dd .des{margin-bottom: 50px;}
#case .list dl a dd span{width: 95px;height: 30px;line-height: 30px;color: #fff;text-align: center;background-color: #019fdc;display: block;}

#case .list dl a:hover dd .h1{color: #ff7200;}
#case .list dl a:hover dd span{background-color: #ff7200;}





#factory{padding: 70px 0 60px;overflow: hidden;}
#factory .title{text-align: center;margin-bottom: 50px;}
#factory .title .en{text-transform: uppercase;font-size: 22px;color: #333;}
#factory .title .h2{color: #019fdc;font-weight: bold;font-size: 30px;}


#factory .list{margin: 0 -10px;}
#factory .list dl{width: 50%;float: left;padding: 0 10px;margin-bottom: 20px;}
#factory .list dl a{background-color: #fff;display: block;overflow: hidden;border:solid 1px #dedede;}
#factory .list dl a dt{float: left;}
#factory .list dl a dt img{border-right:solid 1px #dedede;}
#factory .list dl a dd{width: 360px;float: right;color: #666;line-height: 24px;padding: 25px;height: 170px;}
#factory .list dl a dd .h1{font-size: 16px;color: #333;font-weight: bold;line-height: 100%;margin-bottom: 20px;}
#factory .list dl a dd .des{margin-bottom: 15px;}
#factory .list dl a dd span{color: #cecece;text-align: center;font-weight: bold;font-size: 14px;}
#factory .list dl a dd span::before{content: '';display: inline-block;height: 1px;background-color: #cfcfcf;width: 55px;vertical-align: middle;margin-right: 10px;}

#factory .list dl a:hover dd .h1{color: #019fdc;}
#factory .list dl a:hover dd span{color: #019fdc;}
#factory .list dl a:hover dd span::before{background-color: #019fdc;}



#news{padding: 70px 0;overflow: hidden;background-color: #f9f9f9;}
#news .title{text-align: center;}
#news .title .en{text-transform: uppercase;font-size: 30px;color: #d7d7d7;}
#news .title .h2{color: #019fdc;font-weight: bold;font-size: 30px;}
#news .title .h2::after{content: '';display: block;width: 55px;height: 1px;background-color: #e0e0e0;margin: 20px auto 30px}

#news .list{margin: 0 -12px;}
#news ._left{width: 50%;float: left;padding: 0 12px;}
#news ._left .box{background-color: #fff;padding: 30px 25px;}
#news ._left .box .tit{font-size: 22px;color: #333;line-height: 100%;border-bottom: solid 1px #ebebeb;padding-bottom: 15px;margin-bottom: 30px;}
#news ._left .box .tit::before{content: '';display: inline-block;width: 5px;height: 18px;background-color: #019fdc;vertical-align: middle;margin-right: 15px;top: -2px;position: relative;}
#news ._left .box .tit span{color: #019fdc;}
#news ._left .box .tit a{float: right;font-weight: bold;color: #c5c5c5;font-size: 12px;}
#news ._left .box .tit a:hover{color: #019fde;}
#news ._left .box .l dl{overflow: hidden;margin-bottom: 15px;}
#news ._left .box .l dl dt{float: left;width: 175px;}
#news ._left .box .l dl dt img{border:solid 1px #ddd;}
#news ._left .box .l dl dd{width: 340px;float: right;line-height: 20px;color: #959595;}
#news ._left .box .l dl dd .h3{line-height: 100%;font-size: 15px;color: #019fde;font-weight: bold;margin-bottom: 10px;}
#news ._left .box .l dl dd .des{margin-bottom: 15px;}
#news ._left .box .l dl dd span{display: block;width: 78px;height: 28px;line-height: 28px;background-color: #019fdc;color: #fff;text-align: center;}

#news ._left .box .l dl a:hover dd .h3{color: #ff7200;}
#news ._left .box .l dl a:hover dd span{background-color: #ff7200;}
#news ._left .box .l ul{}
#news ._left .box .l ul li{line-height: 30px;background: url(../images/newsicon.gif) no-repeat left center;padding-left: 20px;}
#news ._left .box .l ul li a{color: #666;}
#news ._left .box .l ul li a:hover{color: #ff7200;}
#news ._left .box .l ul li span{color: #999;}


#news ._right{width: 50%;float: right;padding: 0 12px;}
#news ._right .box{background-color: #fff;padding: 30px 25px;}
#news ._right .box .tit{font-size: 22px;color: #333;line-height: 100%;border-bottom: solid 1px #ebebeb;padding-bottom: 15px;margin-bottom: 30px;}
#news ._right .box .tit::before{content: '';display: inline-block;width: 5px;height: 18px;background-color: #019fdc;vertical-align: middle;margin-right: 15px;top: -2px;position: relative;}
#news ._right .box .tit span{color: #019fdc;}
#news ._right .box .tit a{float: right;font-weight: bold;color: #c5c5c5;font-size: 12px;}
#news ._right .box .tit a:hover{color: #019fde;}
#news ._right .box .l dl{overflow: hidden;margin-bottom: 15px;}
#news ._right .box .l dl dt{float: left;width: 175px;}
#news ._right .box .l dl dt img{border:solid 1px #ddd;height: 113px;width: 100%;}
#news ._right .box .l dl dd{width: 340px;float: right;line-height: 20px;color: #959595;}
#news ._right .box .l dl dd .h3{line-height: 100%;font-size: 15px;color: #019fde;font-weight: bold;margin-bottom: 10px;}
#news ._right .box .l dl dd .des{margin-bottom: 15px;}
#news ._right .box .l dl dd span{display: block;width: 78px;height: 28px;line-height: 28px;background-color: #019fdc;color: #fff;text-align: center;}

#news ._right .box .l dl a:hover dd .h3{color: #ff7200;}
#news ._right .box .l dl a:hover dd span{background-color: #ff7200;}
#news ._right .box .l ul{}
#news ._right .box .l ul li{line-height: 30px;background: url(../images/newsicon.gif) no-repeat left center;padding-left: 20px;}
#news ._right .box .l ul li a{color: #666;}
#news ._right .box .l ul li a:hover{color: #ff7200;}
#news ._right .box .l ul li span{color: #999;}







/*  ================================网站底部样式===================== */
#footer{background-color: #019fdc;}

#footer .links{line-height: 90px;height: 90px;}
#footer .links b{color: #fff;font-size: 21px;font-weight: normal;margin-right: 10px;}
#footer .links a{color: #fff;}
#footer .links a::after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #ffffff;margin: 0 8px;}


#footer .footbar{background-color: #0483c5;line-height: 48px;text-align: center;}
#footer .footbar a{color: #fff;padding: 0 25px;font-size: 14px;}
#footer .copy{text-align: center;color: #fff;padding: 40px 0;line-height: 36px;font-size: 14px;}
#footer .copy a{color: #fff;}

/* =============================内页banner==========================================  */
.slide{height: 350px;}

.pages{padding: 50px 0;}
.catpos{line-height: 60px;font-size: 14px;color: #666;padding-left: 15px;position: relative;margin-bottom: 10px;border-top: solid 2px #019fdc;}
.catpos::before{content: '';display: block;width: 7px;height: 14px;background-color: #019fdc;position: absolute;top: 0;bottom: 0;left: 0;margin:auto;}


#message{border:solid 1px #ddd;padding: 30px;}
#message h1{font-size: 25px;color: #333;margin-bottom: 30px;}
#message .img{margin-bottom: 40px;}
#message .inputs{margin-bottom: 20px;}
#message input[type="text"]{width: 100%;border:solid 1px #ddd;padding: 10px;}
#message textarea{width: 100%;border:solid 1px #ddd;padding: 10px;height: 216px;}
#message input[type="submit"]{width: 100%;height: 50px;background-color: #019fdc;color: #fff;border:none;cursor: pointer;}
#message .subBox p{font-size: 14px;color: #999;margin-top: 20px;text-align: center;}




/* ===========================分页 ======================================  */
#page{text-align: center;margin-top: 20px;overflow: hidden;padding: 20px 0;margin-bottom: 20px;}
#page span, #page a{border:solid 1px #ddd;padding: 5px 15px;color: #666;font-size: 14px;}



/* ===================================内页左边导航=================================== */
.page-navbar-vertical{width: 240px;float: left;}
.page-navbar-vertical .h1{background-color: #019fdc;color: #fff;line-height: 76px;font-size: 24px;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.page-navbar-vertical .list{}
.page-navbar-vertical .list .h3{line-height: 50px;background-color: #ececec;margin-top: 1px;}
.page-navbar-vertical .list .h3 a{display: block;color: #666;font-size: 16px;padding: 0 20px;    background: url(../images/p14-icon5h.png) no-repeat right center;
    }

.page-navbar-vertical .list .h3.active{background-color: #999999;}
.page-navbar-vertical .list .h3.active a{background: url(../images/p14-icon5.png) no-repeat right center;color: #fff;}

.page-navbar-vertical .list .h3.cur{background-color: #019fdc;}
.page-navbar-vertical .list .h3.cur a{background: url(../images/p14-icon5.png) no-repeat right center;color: #fff;}

.page-navbar-vertical .list .h3 a:hover{background: url(../images/p14-icon5.png) no-repeat right center #019fdc;color: #fff;}

.page-navbar-vertical .list ul{overflow: hidden;border-left: solid 1px #eee;border-right: solid 1px #eee;padding: 10px 0;}
.page-navbar-vertical .list ul:last-child{border-bottom: solid 1px #eee;}
.page-navbar-vertical .list li{line-height: 40px;border-bottom: solid 1px #eee;}
.page-navbar-vertical .list li:last-child{border-bottom: none;}
.page-navbar-vertical .list li a{color: #666;font-size: 13px;display: block;padding: 0 30px;position: relative;}
.page-navbar-vertical .list li a::after{content: '';display: block;    content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.page-navbar-vertical .list li a:hover{color: #019fdc;}
.page-navbar-vertical .list li a:hover::after{border-color: #019fdc;}
.page-navbar-vertical .list li.active a{color: #019fdc;}
.page-navbar-vertical .list li.active a::after{border-color: #019fdc;}


.videotit{font-size: 24px;margin-bottom: 20px;}
.video{overflow: hidden;position: relative;padding-bottom: 50px;}
.video li{width: 33.333%;position: relative;}
.video li a{position: relative;display: block;height: 190px;text-align: center;}
.video li a::before{content: '';display: block;width: 100%;height: 100%;padding: z-index: 99;position: absolute;top: 0;left: 0;}

.video .swiper-pagination span{width: 10px;height: 10px;}

#youkuplayer{width: 100%;height: 550px;margin-bottom: 20px;}


.page-left-phone{}
.page-left-phone .t{height: 40px;line-height: 40px;background-color: #019fdc;color: #fff;padding: 0 20px;font-size: 16px;}
.page-left-phone .l{border:solid 1px #eee;border-top: none;padding: 20px;line-height: 26px;font-size: 13px;color: #666;}


.jkxtjs{margin-top: 20px;overflow: hidden;margin-bottom: 20px;}


.page-two-vertical{width: 240px;float: left;}
.page-two-vertical .h1{background-color: #019fdc;color: #fff;line-height: 76px;font-size: 24px;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.page-two-vertical .list{border-left: solid 1px #eee;border-right: solid 1px #eee;margin-top: 1px;}
.page-two-vertical .list .h3{line-height: 50px;border-bottom: solid 1px #eee;}
.page-two-vertical .list .h3 a{display: block;color: #666;font-size: 13px;padding: 0 20px;    background: url(../images/p14-icon5h.png) no-repeat right center;
    }

.page-two-vertical .list .h3.active{}
.page-two-vertical .list .h3.active a{background: url(../images/p14-icon5.png) no-repeat right center;color: #666;}

.page-two-vertical .list .h3.cur{background-color: #019fdc;}
.page-two-vertical .list .h3.cur a{background: url(../images/p14-icon5.png) no-repeat right center;color: #fff;}

.page-two-vertical .list .h3 a:hover{background: url(../images/p14-icon5.png) no-repeat right center #019fdc;color: #fff;}






.new-show-list-box{width: 240px;float: right;}
.new-show-list-box .h1{background-color: #019fdc;color: #fff;line-height: 36px;padding: 0 20px;font-size: 15px;}

.new-show-list-box .list{border:solid 1px #eee;border-bottom: none;padding: 10px;}
.new-show-list-box .list ul{padding: 5px;}
.new-show-list-box .list li{width: 100%;text-align: center;margin-bottom: 10px;}
.new-show-list-box .list li:last-child{margin-bottom: 0;}
.new-show-list-box .list li img{border:solid 1px #eee;}
.new-show-list-box .list li p{padding: 10px 0;}


.new-show-list-box .newshowpaihang{border:solid 1px #eee;padding: 10px;}
.new-show-list-box .newshowpaihang ul{padding: 5px;}
.new-show-list-box .newshowpaihang li{width: 100%;margin-bottom: 10px;text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;font-size: 14px;line-height: 25px;position: relative;padding-left: 25px;}
.new-show-list-box .newshowpaihang li span{position: absolute;width: 15px;height: 15px;font-size: 12px;color: #fff;background-color: #888;line-height: 15px;top: 0;bottom: 0;left: 0;margin:auto;text-align: center;}
.new-show-list-box .newshowpaihang li:nth-child(1) span{background-color: #019fdc;}
.new-show-list-box .newshowpaihang li:nth-child(2) span{background-color: #019fdc;}
.new-show-list-box .newshowpaihang li:nth-child(3) span{background-color: #019fdc;}
.new-show-list-box .newshowpaihang li:last-child{margin-bottom: 0;}
.new-show-list-box .newshowpaihang li img{border:solid 1px #eee;}
.new-show-list-box .newshowpaihang li p{padding: 10px 0;}




/* ====================================新闻列表页======================== */
.page-news{width: 100%;}
.page-news .list{padding-bottom: 30px;overflow: hidden;}
.page-news .list dl{padding: 30px 30px 30px 120px;border:dashed 1px #ddd;position: relative;}
.page-news .list dl dt{width: 60px;height: 30px;position: absolute;left: 30px;top: 30px;background-color: #019fdc;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.page-news .list dl dd {color: #666;font-size: 15px;line-height: 26px;}
.page-news .list dl a dd .h3{font-size: 18px;line-height: 100%;margin-bottom: 20px;color: #333;}
.page-news .list dl a dd span{display: block;margin-top: 30px;color: #019fdc;}

.page-news .list dl a:hover dd .h3{color: #019fdc;}


.page-news .list li{border-bottom:solid 1px #ddd;}

.page-news .list li a{display: block;height: 100%;position: relative;padding: 30px 0;}

.page-news .list li .img{width: 200px;float: left;}
.page-news .list li  .text{width: 730px;position: relative;height: 100%;overflow: hidden;}
.page-news .list li .date{position: absolute;right: 0;width: 150px;height: 100px;top: 0;bottom: 0;margin: auto;color: #888;text-align: center;border-left: solid 1px #ddd;line-height: 100%;}
.page-news .list li .date h5{font-size: 72px;color: #ccc;font-weight: bold;line-height: 100%;margin-bottom: 10px;}
.page-news .list li  .text  .title{width: 500px;float: right;}
.page-news .list li  .text  .title .h1{font-size: 18px;line-height: 100%;margin-bottom: 20px;}
.page-news .list li  .text  .title .clicks{margin-bottom: 20px;color: #999;}
.page-news .list li  .text  .title .clicks span{margin-right: 30px;}
.page-news .list li  .text  .title .clicks span.eyes{background: url(../images/eyes.png) no-repeat left center;padding-left: 25px;}
.page-news .list li  .text  .title .clicks span.share{background: url(../images/share.png) no-repeat left center;padding-left: 22px; }
.page-news .list li  .text  .title .des{font-size: 14px;color: #666;line-height: 30px;}

.page-news .list li a:hover .date{color: #019fdc;}
.page-news .list li a:hover .date h5{color: #019fdc;}


.page-news .list li a:hover .text  .title .h1{color: #019fdc;}



/* ============================新闻详情页 ============================================ */
.line{height: 1px;background-color: #ddd;margin: 15px 0}

.page-new-show{width: 930px;float: left;border:solid 1px #eee;}
.page-new-show .intro .title,.page-new-show .intro .source{text-align: center;}
.page-new-show .intro .title{font-size: 20px;color: #333;margin-bottom: 20px;margin-top: 40px;}
.page-new-show .intro .source{font-size: 15px;color: #888;margin-bottom: 20px;}
.page-new-show .intro .source span.copyfrom{margin-right: 40px;}
.page-new-show .intro .source span.share{margin-left: 40px;}
.page-new-show .intro .contents{padding: 30px;font-size: 15px;color: #666;border-top: solid 1px #eee;border-bottom: solid 1px #eee;line-height: 2.3;overflow: hidden;}
.page-new-show .intro .contents img{margin:0 auto;display: block;}

.tags{margin-top: 30px;margin-bottom: 30px;border-bottom: solid 1px #eee;padding-bottom: 30px;}
.tags span{margin-right: 5px;background-color: #eee;padding: 2px 10px;border-radius: 3px;}

.pagelinks{}
.pagelinks a{font-size: 14px;white-space: nowrap;
            overflow: hidden;             text-overflow: ellipsis;}
.pagelinks .col-lg-6:last-child{text-align: right;}
.pagelinks a:hover{color: #019fdc;}


/* ====================================相关阅读============================================== */
.recom{padding: 30px;}
.recom .ptitle{font-size: 18px;margin-bottom: 20px;color: #333;}
.recom .lists li{width: 50%;float: left;line-height: 30px;font-size: 14px;position: relative;padding-left: 18px;}
.recom .lists li::before{content: '';display: block;width: 6px;height: 6px;background-color: #666;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);position: absolute;top: 0;bottom: 0;left: 0;margin:auto;}
.recom .lists li img{border:solid 1px #c3c3c3;width: 100%;}
.recom .lists li .h3{font-size: 18px;color:#585858;padding-top: 20px;margin-bottom: 10px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.recom .lists li a:hover .h3{color: #019fdc}
.recom .lists li .des{font-size: 13px;color: #777;line-height: 23px;}
.recom .lists li .more{background-color: #f5f5f5;border-radius: 5px;line-height: 35px;display: block;width: 115px;text-align: center;margin-top: 24px;}
.recom .lists li a:hover .more{background-color: #019fdc;color: #fff;}



/* 下载排行榜 */
.downRanking{}
.downRanking .t{line-height: 60px;background-color: #019fdc;color: #fff;padding: 0 10px;font-size: 18px;}
.downRanking .l{border:solid 1px #eee;padding: 10px;}
.downRanking .l li {line-height: 30px;font-size: 13px;position: relative;}
.downRanking .l li span{color: #fff;background-color: #ff7e00;display: inline-block;height: 15px;line-height: 14px;text-align: center;padding: 0 3px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}



.protjcp{}
.protjcp .t{line-height: 60px;background-color: #019fdc;color: #fff;padding: 0 10px;font-size: 18px;}
.protjcp .l{border:solid 1px #eee;padding: 10px;}
.protjcp .l ul{padding: 5px;}
.protjcp .l li{width: 100%;text-align: center;margin-bottom: 10px;}
.protjcp .l li:last-child{margin-bottom: 0;}
.protjcp .l li img{border:solid 1px #ddd;}
.protjcp .l li p{padding: 10px 0;}



.newstjcp{}
.newstjcp .t{line-height: 50px;background-color: #019fdc;color: #fff;padding: 0 10px;font-size: 18px;}
.newstjcp .conabox{border:solid 1px #eee;padding: 20px 30px;overflow: hidden;}
.newstjcp .l{overflow: hidden;}
.newstjcp .l ul{}
.newstjcp .l li{float: left;}
.newstjcp .l li:last-child{margin-bottom: 0;}
.newstjcp .l li img{border:solid 1px #ddd;}
.newstjcp .l li p{padding: 10px 0;text-align: center;}




.newsshowtjcp{}
.newsshowtjcp .t{line-height: 50px;color: #666;padding: 0 10px;font-size: 16px;border-top: solid 1px #eee;}
.newsshowtjcp .l{border-top:solid 1px #eee;padding: 20px 20px 0;}
.newsshowtjcp .l ul{margin:0 -10px;}
.newsshowtjcp .l li{width: 33.3333%;float: left;text-align: center;margin-bottom: 10px;padding: 0 10px;}
.newsshowtjcp .l li:last-child{margin-bottom: 0;}
.newsshowtjcp .l li img{border:solid 1px #ddd;}
.newsshowtjcp .l li p{padding: 10px 0;}


/* ==========================厂房设备================================= */

.pages .page-factory{padding-top: 50px;}
.pages .page-factory li{margin-bottom: 30px;}
.pages .page-factory li img{width: 100%;padding: 10px;border:solid 1px #ddd;}
.pages .page-factory li a .h3{text-align: center;font-size: 15px;padding: 20px 0;text-align: center;color: #666;background-color: #f5f5f5;}
.pages .page-factory li a:hover .h3{color: #019fdc}


.p-factory-show{padding: 60px 0;}
.p-factory-show .intro .title,.p-factory-show .intro .source{text-align: center;}
.p-factory-show .intro .title{font-size: 20px;color: #333;margin-bottom: 20px;}
.p-factory-show .intro .source{font-size: 15px;color: #888;margin-bottom: 20px;}
.p-factory-show .intro .source span.copyfrom{margin-right: 40px;}
.p-factory-show .intro .source span.share{margin-left: 40px;}
.p-factory-show .intro .contents{padding: 30px 0;font-size: 15px;color: #666;border-top: solid 1px #eee;border-bottom: solid 1px #eee;line-height: 2;}
.p-factory-show .intro .contents img{margin: 0 auto;display: block;}
.p-factory-show .intro .contents .tags{margin-top: 30px;}
.p-factory-show .intro .contents .tags span{margin-right: 10px;background-color: #eee;padding: 2px 10px;border-radius: 3px;}


.pages .page-qualified{padding-top: 50px;}
.pages .page-qualified li{margin-bottom: 30px;}
.pages .page-qualified li img{width: 100%;padding: 10px;border:solid 1px #ddd;}
.pages .page-qualified li a .h3{text-align: center;font-size: 15px;padding: 20px 0;text-align: center;color: #666;background-color: #f5f5f5;}
.pages .page-qualified li a:hover .h3{color: #019fdc}


.qualified .swiper-pagination{bottom: 0;width: 100%;}
.qualified .swiper-pagination-bullet {background-color: #ddd;opacity: 1;width: 12px;height: 12px;margin-left: 5px;}
.qualified .swiper-pagination-bullet-active{background-color: #019fdc;}
.qualified a.prevs,.qualified a.nexts{position: absolute;top: 0;bottom: 0;width: 23px;height: 41px;margin:auto;display: block;background-color: #fafafa;z-index: 99;background: url(../images/qualified-btn.png) no-repeat;}
.qualified a.prevs{left: -50px;}
.qualified a.nexts{right: -50px;background-position: -37px 0}

.qualified a.prevs:hover{background: 0  -59px;}
.qualified a.nexts:hover{background-position: -37px -59px}



.page-adv .h1{font-size: 40px;text-align: center;color: #333;padding: 70px 0 0;font-weight: bold;color: #019fdc;margin-bottom: 10px;}
.page-adv .en{font-size: 16px;color: #999;text-align: center;margin-bottom: 60px;text-transform: uppercase;}
.page-adv #adv .list .li:nth-child(2n){background: none}


.page-oem{}
.page-oem .oem-youshi .h1{font-size: 40px;text-align: center;color: #333;padding: 70px 0 0;color: #019fdc;margin-bottom: 10px;font-weight: bold;}
.page-oem .oem-youshi .en{font-size: 16px;color: #999;text-align: center;margin-bottom: 40px;text-transform: uppercase;}
.page-oem .oem-youshi .row{margin: 0 -20px;}
.page-oem .oem-youshi .col-lg-6{padding: 0 20px;}
.page-oem .oem-youshi .des{line-height: 2;color: #666;font-size: 16px;}
.page-oem .oem-youshi .des .h3{font-size: 40px;color: #333;font-weight: bold;color: #333;margin-bottom: 50px;line-height: 100%;}
.page-oem .oem-youshi .des .h3 span{color: #019fdc;}


.page-oem .oem-liucheng .h1{font-size: 40px;text-align: center;color: #333;padding: 70px 0 0;color: #019fdc;margin-bottom: 10px;font-weight: bold;}
.page-oem .oem-liucheng .en{font-size: 16px;color: #999;text-align: center;margin-bottom: 40px;text-transform: uppercase;}
.page-oem .oem-liucheng .list ul{border-top: solid 1px #ddd;border-left: solid 1px #ddd;}
.page-oem .oem-liucheng .list li{width: 25%;float: left;text-align: center;padding: 40px 30px;border-bottom: solid 1px #ddd;border-right: solid 1px #ddd;height: 190px;color: #666;font-size: 16px;line-height: 2;}
.page-oem .oem-liucheng .list li .num{font-size: 50px;color: #019fdc;line-height: 100%;margin-bottom: 10px;}
.page-oem .oem-liucheng .list li:nth-child(2n) .num{color: #333;}

.page-oem .oem-xianchang{margin-bottom: 50px;}
.page-oem .oem-xianchang .h1{font-size: 40px;text-align: center;color: #333;padding: 70px 0 0;color: #019fdc;margin-bottom: 10px;font-weight: bold;}
.page-oem .oem-xianchang .en{font-size: 16px;color: #999;text-align: center;margin-bottom: 40px;text-transform: uppercase;}


.page-message{width: 930px;float: right;}




.jobs-h1{font-size: 70px;color: #f5f5f5;text-transform: uppercase;font-weight: bold;line-height: 100%;}
.jobs-h2{font-size: 36px;color: #019fdc;line-height: 100%;font-weight: bold;margin-bottom: 40px;}


.p-down-list{padding: 60px 0 0;}
.p-down-list li{margin-bottom: 30px;border: solid 1px #eee;padding: 30px;transition: all .5s;}
.p-down-list li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.p-down-list li  a{display: block;height: 100%;}
.p-down-list li  .text{width: 100%;position: relative;height: 100%;background: url(../images/down.png) no-repeat left top;padding-left: 50px;}
.p-down-list li  .text .date{width: 100px;color: #888;height: 100%;}

.p-down-list li  .text  .title{}
.p-down-list li  .text  .title .h1{font-size: 18px;line-height: 100%;margin-bottom: 10px;}
.p-down-list li:hover  .text  .title .h1{color: #019fdc}
.p-down-list li  .text  .title .date{margin-bottom: 5px;color: #888;font-size: 14px;}
.p-down-list li  .text  .title .clicks{margin-bottom: 20px;color: #999;}
.p-down-list li  .text  .title .clicks span{margin-right: 30px;}
.p-down-list li  .text  .title .clicks span.eyes{background: url(../images/eyes.png) no-repeat left center;padding-left: 25px;}
.p-down-list li  .text  .title .clicks span.share{background: url(../images/share.png) no-repeat left center;padding-left: 22px; }
.p-down-list li  .text  .title .des{font-size: 14px;color: #666;line-height: 30px;}

.p-down-list li  .down{display: block;width: 30px;height: 33px;position: absolute;right: 20px;top: 0;bottom: 0;margin:auto;background: #019fdc;width: 120px;line-height: 33px;text-align: center;color: #fff;border-radius: 4px;}
.p-down-list li:hover .down{background-color: #e07c07;}


/* 联系方式 */
.page-contact{width: 930px;float: right;}
.page-contact .head{padding: 30px;border:solid 1px #ddd;}
.page-contact .h4{font-size: 22px;line-height: 100%;margin-bottom: 15px;}
.page-contact .des{color: #666;line-height: 26px;font-size: 15px;}
.page-contact .list{line-height: 2;font-size: 15px;color: #333;border:solid 1px #ddd;padding: 20px 20px 50px;}
.page-contact .list .img{width: 50%;}
.page-contact .list .text{width: 47%;}

.page-contact .allmap{height: 400px;overflow: hidden;border-left: solid 1px #ddd;}
.page-contact #allmap{height: 600px;}



.page-down-show{border: solid 1px #ddd;width: 930px;float: right;}
.page-down-show .catpos{border-top: none;padding-left: 40px;border-bottom: solid 1px #ddd;}
.page-down-show .catpos::before{left: 20px;}
.page-down-show .title{text-align: center;font-size: 16px;line-height: 40px;margin-bottom: 10px;margin-top: 20px;}
.page-down-show .source{font-size: 15px;color: #888;margin-bottom: 20px;text-align: center;border-bottom: solid 1px #ddd;padding-bottom: 20px;}
.page-down-show .source span.copyfrom{margin-right: 40px;}
.page-down-show .source span.share{margin-left: 40px;}
.page-down-show .list{padding: 20px 20px 20px;color: #666;line-height: 2;font-size: 14px;}

.downloads{margin-top: 30px;}
.downloads a{line-height: 50px;background-color: #019fdc;text-align: center;color: #fff;padding: 10px 20px 10px 50px;background: url(../images/downicon.png) no-repeat 20px center #019fdc;}

/* ===========================================关于我们======================================= */
.page-about{padding-top: 50px;}
.page-about .about-logo{text-align: center;margin-bottom: 40px;}
.page-about .h1{font-size: 30px;text-align: center;font-weight: bold;color: #019fdc}
.page-about .h5{font-size: 14px;color: #999;text-align: center;margin-bottom: 30px;}
.page-about .img{margin-bottom: 60px;}

.page-about .introtext .des{font-size: 15px;color: #666;line-height: 2;text-align: center;margin-bottom: 70px;}
.page-about .introtext .h1{margin-bottom: 20px;}
.page-about .introtext .number{width: 70%;margin:0 auto 70px;}
.page-about .introtext .number ul{}
.page-about .introtext .number li{width: 33.333%;float: left;font-size: 15px;color: #797979;text-align: center;position: relative;}
.page-about .introtext .number li::after{content: '';display: block;width: 1px;height: 40px;background-color: #ddd;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;}
.page-about .introtext .number li:last-child::after{display: none;}
.page-about .introtext .number li .h4{font-size: 52px;color: #019fdc;font-weight: bold;line-height: 100%;margin-bottom: 10px;}


.pages .wenhua{border-top: solid 1px #ddd;}
.pages .wenhua .h1{font-size: 30px;text-align: center;padding: 35px 0 10px;line-height: 100%;font-weight: bold;color: #019fdc}
.pages .wenhua .h5{font-size: 14px;color: #ddd;text-align: center;margin-bottom: 60px;}
.pages .wenhua .li{margin-bottom: 60px;}
.pages .wenhua .li .text{}
.pages .wenhua .li .text .h2{font-size: 30px;color: #333;line-height: 100%;margin-bottom: 10px;font-weight: bold;color: #333}
.pages .wenhua .li .text .en{font-size: 22px;text-transform: uppercase;color: #ddd;margin-bottom: 40px;}
.pages .wenhua .li .text .des{color: #666;line-height: 2;font-size: 15px;}

.pages .wenhua .li:nth-child(2n) .imgs{float: right;}



.pages .zhici{}
.pages .zhici img{margin-bottom: 10px;}
.pages .zhici h1{line-height: 100%;padding: 20px 0;color: #019fdc;font-weight: bold;}
.pages .zhici{line-height: 30px;color: #666;font-size: 15px;}

.p-product-show{padding: 60px 0;}

/* ====================产品列表============================= */
.catdes{font-size: 14px;color: #666;line-height: 2;margin-bottom: 30px;background-color: #fafafa;border:solid 1px #eee;padding: 20px;}
.page-shop{width: 930px;float: right;}
.page-shop .h3{font-size: 25px;margin-bottom: 40px;border-bottom: solid 1px #ddd;}
.page-shop .h3 a{color: #333;display: inline-block;height: 100%;position: relative;padding-bottom: 20px;}
.page-shop .h3 a::after{content: '';display: block;position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #333;}
.page-shop .p-titles{font-size: 20px;margin-bottom: 30px;font-weight: bold;background-color: #eee;padding: 10px;border-radius: 3px;}
.page-shop .list ul{margin: 0 -13px;}
.page-shop .list li{width: 33.333%;margin-bottom: 10px;float: left;padding: 0 13px;}
.page-shop .list li img{border:solid 1px #cdcdcd;}
.page-shop .list li p{text-align: center;padding: 20px 0;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.page-shop .box{position: relative;}





.relationnews{}
.relationnews .t{font-size: 18px;background-color: #019fdc;color: #fff;padding: 10px 20px;}
.relationnews .l{padding: 20px;border:solid 1px #eee;overflow: hidden;}
.relationnews .l li{width: 50%;float: left;line-height: 36px;font-size: 14px;position: relative;}
.relationnews .l li::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #ccc;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-right: 15px;}


.relationdown{}
.relationdown .t{font-size: 18px;background-color: #019fdc;color: #fff;padding: 10px 20px;}
.relationdown .l{padding: 20px;overflow: hidden;}
.relationdown .l ul{margin-right: -20px;}
.relationdown .l li{width: 50%;float: left;line-height: 36px;font-size: 14px;position: relative;}
.relationdown .l li::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background-color: #ccc;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-right: 15px;}
.relationdown .l li span{color: #999;margin-right: 20px;}




.tjproduct{}
.tjproduct .t{font-size: 18px;color: #333;padding: 10px 20px;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;background-color: #fafafa;}
.tjproduct .l{padding: 30px;overflow: hidden;}
.tjproduct .l ul{margin: 0 -5px;}
.tjproduct .l li{width: 33.333%;margin-bottom: 10px;float: left;padding: 0 5px;}
.tjproduct .l li img{border:solid 1px #eee;}
.tjproduct .l li p{text-align: center;padding: 10px 0;font-size: 13px;}



.destails{}
.destails ._tit{font-size: 15px;background-color: #f9f9f9;line-height: 40px;border-bottom:solid 1px #eee;}
.destails ._tit span{display: block;background-color: #019fdc;color: #fff;text-align: center;width: 120px;}
.destails ._list{line-height: 2.2;font-size: 13px;color: #666;padding: 20px 0;overflow: hidden;padding: 30px 0;}

.probigshow img{width: 100%;}

/* ====================================相关新闻======================================== */
.hot-news{}
.hot-news ._tit{font-size: 18px;line-height: 50px;color: #333;}
.hot-news ._list{}
.hot-news ._list ul{overflow: hidden;}
.hot-news ._list ul li{float: left;width: 50%;line-height: 30px;font-size: 14px;background: url(../images/ico55.gif) no-repeat left center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/* =============================相关产品=========================== */
.rela-pro{border:solid 1px #eee;margin-top: 20px;}
.rela-pro ._tit{font-size: 16px;line-height: 55px;color: #333;font-weight: bold;padding:0 20px;border-bottom: solid 1px #eee;}
.rela-pro ._list{padding: 20px 20px 0;}
.rela-pro ul{margin: 0 -5px;}
.rela-pro li{width: 33.333%;margin-bottom: 10px;float: left;padding: 0 5px;}
.rela-pro li img{border:solid 1px #eee;}
.rela-pro li p{text-align: center;padding: 10px 0;font-size: 13px;}



.message-pro{border:solid 1px #eee;margin-top: 20px;}
.message-pro ._tit{font-size: 16px;line-height: 55px;color: #333;padding:0 20px;border-bottom: solid 1px #eee;}
.message-pro ._list{padding: 20px 20px;}
.message-pro ._list input[type="text"]{padding:5px 10px;}
.message-pro ._list td {padding: 5px;color: #666;}
.message-pro ._list td.tr{text-align: right;}
.message-pro ._list td span{margin-left: 10px;}
.message-pro ._list input[type="submit"]{border:none;width: 100px;height: 36px;background-color: #019fdc;color: #fff;cursor: pointer;border-radius: 3px;}
.message-pro ._list input[type="reset"]{border:none;width: 100px;height: 36px;background-color: #eee;cursor: pointer;margin-left: 5px;border-radius: 3px;}

.pro-contact{line-height: 2;padding: 30px;font-size: 14px;border:solid 1px #eee;border-top: none;color: #666;}
.pro-contact h3{font-size: 18px;font-weight: bold;color: #019fdc}
.pro-contact p{margin-bottom: 15px;}
.pro-contact img{margin-top: 10px;}
/* ================================搜索结果样式====================================== */
.rests{background-color: #fafafa;border: solid 1px #ddd;padding: 15px;font-size: 15px;margin-bottom: 20px;color: #666;border-radius: 3px;}

#comments{border-top: solid 1px #eee;padding-top: 30px;}
#comments .title{margin-bottom: 10px;}
#comments .title span{margin-right: 30px;}
#comments .rt{margin-top: 10px;text-align: right;margin-bottom: 10px;}
#comments .rt a{margin-left: 10px;}
#comments .rt font{color: red;}
#comments .content{margin-bottom: 10px;line-height: 2;border-bottom: solid 1px #eee;}
#comments .content ul{background-color: #f8f8f8;padding: 10px 10px;margin-top: 10px;border-radius: 5px;}
#comments .content ul li{margin-bottom: 10px;color: #444;}
#comments .content ul li b{color: #019fdc;}


.comment{border:solid 1px #eee;margin-top: 20px;}
.comment .t{line-height: 45px;border-bottom:solid 1px #eee;padding: 0 20px;color: #666;font-weight: bold;}
.comment .l{padding: 20px;}
.comment .l .posn{font-size: 13px;padding: 15px 0;}
.comment .l form{margin-bottom: 20px;}
.comment .l form input[type="text"]{border:solid 1px #ddd;padding: 5px 10px;}
.comment .l form .btn{margin-top: 20px;}
.comment .l form input[type="submit"]{border:none;background-color: #019fdc;color: #fff;width: 100px;height: 40px;cursor: pointer;}
.comment .l form textarea{border:solid 1px #ddd;padding: 5px 10px;width: 100%;}

.comment .l .code{margin-top: 20px;}
.comment .l .code input{width: 80px;}
.comment .l .code img{margin-left: 10px;border:solid 1px #ddd;height: 29px;}
.comment .l .code  #yzm{position: absolute;}

/* ====================================   网站地图   ==================================== */
.page-sitemap{width: 930px;float: right;}
.sitemap{padding: 0 0;overflow: hidden;}
.sitemap h2{font-weight: bold;font-size: 18px;padding: 15px 0;}
.sitemap h2 a{color: #019fdc;}
.sitemap h2 a:hover{color: #019fdc;text-decoration: underline;}
.sitemap ul{overflow: hidden;border:solid 1px #eee;padding: 15px;display: block;font-size: 15px;}
.sitemap ul li{width:25%;line-height: 35px;display: inline-block;vertical-align: top;}
.sitemap ul li a{color: #333;font-weight: bold;}
.sitemap ul li a:hover{color: #019fdc;text-decoration: underline;}
.sitemap ul li p a{font-weight: normal;}
.sitemap ul li p:last-child{margin-bottom: 30px;}
.sitemap ul div{margin-bottom: 15px;border:solid 1px #eee;padding: 15px;}
.sitemap ul h3{font-size: 15px;margin-bottom: 10px;}
.sitemap ul h3 a{color: #333;}